<header>

    <nav class="navbar navbar-expand-lg">

        <div class="collapse navbar-collapse container" >
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="/">  HOME</a></li>

                <li class="nav-item my-dropdown">
                    <a class="nav-link" href="#">  SEARCH </a>
                    <ul>
                        <li><a href="@routes.SearchController.searchPage()">Search By Gene ID</a></li>
                        <li><a href="@routes.SearchController.searchPosPage()">Search By Condition</a></li>
                    </ul>
                </li>

                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.helpPage()"> HELP</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.contactPage()"> CONTACT</a></li>


                <li class="nav-item my-dropdown" style="float: left;
                    width: 50px;"><a class="nav-link" href="javascript:void(0)">
                    <i class="fa fa-share-alt"></i></a>

                    <ul>
                        <li><a href="mailTo:;" target="_blank"><i class="fa fa-envelope-o"></i> Email</a></li>
                        <li><a href="https://twitter.com/share?url=http://cucume.cn/" target="_blank"><i class="fa fa-twitter"></i>
                            Twitter</a>
                        </li>
                        <li><a href="http://www.facebook.com/sharer.php?kid_directed_site=0&u=http://cucume.cn/" target="_blank"><i class="fa fa-facebook-f"></i>
                            Facebook</a>
                        </li>
                        <li><a href="http://www.linkedin.com/shareArticle?url=http://cucume.cn/" target="_blank"><i class="fa fa-linkedin"></i>
                            LinkedIn</a>
                        </li>
                        <li><a href="http://v.t.sina.com.cn/share/share.php?url=http://cucume.cn/&title=Cucurbit RNA methylation Database (Cucume)" target="_blank"><i class="fa fa-weibo"></i>
                            Sina Weibo</a>
                        </li>

                    </ul>

                </li>
            </ul>

        </div>
    </nav>

    <div class="nav-logo" >
        <img src="/assets/images/banner.png" />
        <div class="container">
            <h1>CUCUME—— </h1>
            <h4>———RNA  m<sup>6</sup>A methylation, Long Distance Mobility</h4>
        </div>

    </div>
</header>